$(function () {
    var flagname = false;
    var flagpassword = false;

    // 用户名验证
    $('#exampleInputName').blur(function () {
        // 获取文本框中的内容
        var name = $(this).val();
        // 定义一个正则
        var reg = /^[\u4e00-\u9fa5a-z]{2,8}$/;
        // 判断内容是否符合正则
        // test方法 如果name符合reg要求就返回True，否则返回False
        var b = reg.test(name);
        if (b) {
            // $('#nameinfo').html('用户名正确').css('color','green');

            // 会执行一个请求，名字传到视图函数中，
            // 视图函数 去数据库是否有这个数据，如果有，则显示用户名已经存在
            // 如果没有，则用户名可以使用

            // $.getJSON  $.get  $.post  $.ajax 都可以使用，这里主要学习这些方法的使用
            // getJSON(请求资源路径，请求参数，执行完请求之后获取的值)
            // data 就是服务器响应的json数据，一定是json
            $.getJSON(
                '/axfuser/checkName',  // 路由地址
                {'name': name},  //要验证的用户名
                function (data) {
                    if (data['status'] == 200) {
                        $('#nameinfo').html(data['msg']).css('color', 'green');
                        flagname = true;
                    } else {
                        $('#nameinfo').html(data['msg']).css('color', 'red');
                    }
                })
        } else {
            $('#nameinfo').html('长度为2~8位的汉字或英文字母').css('color', 'red');
        }
        // 如果符合提交可以，绿色字体
        // 如果不符合提交用户名必须是2-8个英文字母或汉字 红色字体
    })

    // 密码一致性验证
    $('#exampleInputPassword2').blur(function () {
        var password = $('#exampleInputPassword1').val();

        var password2 = $('#exampleInputPassword2').val();

        if (password.length < 6 || password.length > 12) {
            $('#passwordInfo').html('密码必须在6~12位之间').css('color', 'red');
        } else {
            if (password == password2) {
                $('#passwordInfo').html('密码一致').css('color', 'green');
                flagpassword = true;
            } else {
                $('#passwordInfo').html('两次密码不一致').css('color', 'red');
            }
        }

    })

    // 注册时若有错误则不能提交表单
    // submit方法中，只有返回true才可以提交表单，如果返回falase就不允许提交表单
    $('form').submit(function () {
        var name = $('#exampleInputName').val();
        if (!name) {
            $('#nameinfo').html('用户名不能为空').css('color', 'red');
            // return false;  这里不能加return false； 不然会阻塞下面password的判断
        }
        var password = $('#exampleInputPassword1').val();
        if (!password) {
            $('#passwordInfo').html('密码不能为空').css('color', 'red');
            return false;
        }

        // 只有当所有的验证都通过了，return true; 才会提交表单
        // false & false ====> 0
        // false $ true ====> 0
        // true & true ====> 1

        var b = flagpassword & flagname;

        if (b == 1) {
            // 前端加密后的密码
            password = md5(password);
            // 将加密后的密码重新赋值给密码框即可
            $('#exampleInputPassword1').val(password);
            return true;
        } else {
            return false;
        }


    })


})

